<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>开始使用layui</title>
  <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
 
<!-- 你的HTML代码 -->
<button id="btn1" class="layui-btn">一个标准的按钮</button>
<a id="btn2" class="layui-btn layui-btn-normal">一个可跳转的按钮</a>
 
<script src="../layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use([ 'layer' ], function() {
	var layer = layui.layer

	layer.msg('Hello World');

	var $ = layui.jquery;
	

	$('#btn1').on('click', function() {
		console.log("btn1 clicked...");
	});

	$('#btn2').on('click', function() {
		console.log("btn2 clicked...");
	});
});
</script> 
</body>
</html>